<template>
    <div>
        <qrcode-vue :value="value" :size="size" level="H" class="qrcode"></qrcode-vue>
    </div>
</template>

<script>
    import QrcodeVue from 'qrcode.vue'
    export default {
        components: {
            QrcodeVue,
        },

        /**
         * @argument value        二维码内容
         * @argument size       二维码大小
         * 注：qrText与qrLogo只能显示一个，如果想要显示两个需要自行设计
         */
        props: {
            value: {
                type: String,
                default: ''
            },
            size: {
                type: Number,
                default: 100
            },

        },
    }
</script>
<style scoped lang="less">
    .qrcode {
        text-align: center;
    }
</style>